<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Graf</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script language="javascript" src="http://www.google.com/jsapi"></script>
  </head>
   <body>

   <div id="chart"></div>

   <script type="text/javascript">
      var queryString = '';
      var dataUrl = '';

      function onLoadCallback() {
        if (dataUrl.length > 0) {
          var query = new google.visualization.Query(dataUrl);
          query.setQuery(queryString);
          query.send(handleQueryResponse);
        } else {
          var dataTable = new google.visualization.DataTable();
          dataTable.addRows(11);

          dataTable.addColumn('number');
          dataTable.setValue(0, 0, 0);
          dataTable.setValue(1, 0, 1);
          dataTable.setValue(2, 0, 2);
          dataTable.setValue(3, 0, 3);
          dataTable.setValue(4, 0, 4);
          dataTable.setValue(5, 0, 5);
          dataTable.setValue(6, 0, 6);
          dataTable.setValue(7, 0, 7);
          dataTable.setValue(8, 0, 8);
          dataTable.setValue(9, 0, 9);
          dataTable.setValue(10, 0, 10);

          draw(dataTable);
        }
      }

      function draw(dataTable) {
        var vis = new google.visualization.ImageChart(document.getElementById('chart'));
        var options = {
          chxl: '',
          chxp: '',
          chxr: '1,0,14',
          chxs: '0,676767,11.167,0,l,676767',
          chxtc: '',
          chxt: 'x,y',
          chs: '440x220',
          cht: 'lxy',
          chco: 'FF9900',
          chds: '0,100,0,14',
          chd: 't:0,10,20,30,40,50,60,70,80,90,100|0,1,2,3,4,5,6,7,8,9,10',
          chdl: 'pH_mLTilsattBase',
          chdlp: 'b',
          chls: '1',
          chma: '5,5,5,25'
        };
        vis.draw(dataTable, options);
      }

      function handleQueryResponse(response) {
        if (response.isError()) {
          alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
          return;
        }
        draw(response.getDataTable());
      }

      google.load("visualization", "1", {packages:["imagechart"]});
      google.setOnLoadCallback(onLoadCallback);

    </script>
  </body>
</html>